<style>
	#box{
		width:1010px;		
		margin: 0 auto;
		padding-bottom: 100px;
	}
	.searchBox{
		padding:19px 31px;
		border:4px solid #eee;
		margin-top:18px;		
	}
	.searchBox_main{
		display:flex;
		justify-content:space-between;
	}
	.searchBox_main>div:nth-of-type(1){
		width:74px;
		border-right:1px solid #e9e9e9;
		line-height:47px;
	}
	.searchBox_main>div:nth-of-type(1) input[type=radio]{
		margin-right:8px;
	}
	.searchBox_main>div:nth-of-type(2){
		display:flex;
		justify-content:space-between;
		width:848px;
	}
	.searchBox_main>div:nth-of-type(2)>div{
		width:220px;
	}
	.searchBox_main>div:nth-of-type(2)>div input,.searchBox_main>div:nth-of-type(2)>div select{
		margin-left:4px;
		width:140px;
	}
	.searchBox_main>div:nth-of-type(2)>div select{
		width:152px;
	}
	.searchBox_main>div:nth-of-type(2)>div>span{
		display:inline-block;
		margin-top:9px;
	}
	.searchBox_main>div:nth-of-type(2)>div>span:nth-of-type(1){
		margin-top:0px;
	}	
	.searchBox_main>div:nth-of-type(2)>div:nth-of-type(4){
		position:relative;
		text-align:right;
	}
	.searchBox_main>div:nth-of-type(2)>div:nth-of-type(4) button{
		position:absolute;
		right:0;
		bottom:0;
	}
	
	.routeMess{
		height:60px;
	}
	.routeMess_right{
		width:152px;
		float: right;
		height:60px;		
	}
	.routeMess_right>span{
		border:1px solid #bdbbbc;
		padding:5px 10px;
		border-radius: 2px;
		cursor: pointer;
		display: inline-block;
		margin-top:16px;
	}
	.routeMess_right>span:hover{
		color: #fe7a16;
	}
	.routeMess_right .taxChecked{
		border:1px solid #fe6c00;
		color: #fe6c00;
	}
	.routeMess_left{
		float: left;
		line-height: 60px;
		font-size: 16px;
	}
	.detail{
		margin-bottom:8px;
	}
	.detail_1 ul{
		overflow:hidden;
		border:1px solid #e2e2e2;
		background: #f5f5f5;
	}
	.detail_1 ul li{
		float:left;
		height:64px;
		padding-top:20px;
	}
	.detail_1 ul li:nth-of-type(1){
		width:58px;
	}
	.detail_1 ul li:nth-of-type(2){
		width:175px;
	}
	.detail_1 ul li:nth-of-type(3){
		width:130px;
		text-align: right;
		margin-right:20px;
	}
	.detail_1 ul li:nth-of-type(4){
		width:70px;
		background: url(../image/to.jpg) no-repeat center 12px;		
	}
	.detail_1 ul li:nth-of-type(5){
		width:130px;
		margin-left:10px;
	}
	.detail_1 ul li:nth-of-type(6){
		width:80px;
		margin-left:30px;
	}
	.detail_1 ul li:nth-of-type(7){
		width:100px;
		margin-left:30px;
	}
	.detail_1 ul li:nth-of-type(8){
		width:150px;	
	}
	.detail_1 ul li:nth-of-type(8)>span{
		display: inline-block;
		margin:35px 0 0 80px;
		cursor: pointer;
		color: #00a1cb;
	}
	.detail_1 ul li:nth-of-type(8)>span>span{
		font-size: 12px;
	}
	.detail_2{
		border:1px solid #d3d3d3;
		border-top:none;
		background: #f9f9f9;
	}
	.transit_detail{
		height:65px;
		border-bottom: 1px solid #c9e1ed;
		width:780px;
		margin:0 auto;
		position: relative;
	}
	.transit_detail>span{
		line-height:20px;
		display: inline-block;
		width:250px;
		margin-top:10px;
	}
	.transit_detail>span:nth-of-type(1){
		width:200px;
	}
	.transitTip{
		position: absolute;
		bottom:-11px;
		left:220px;
	}
	.transitTip>span{
		height:22px;
		line-height: 22px;
		border:1px solid #0abfdc;
		border-radius: 50% 50% 50% 50%;
	}
	.transitTip>span:nth-of-type(1){
		background:white;
		padding:3px 15px;		
	}
	
	.huise{
		color:#939192;
	}
	.detail_3{
		height:90px;
		border:1px solid #e2e2e2;
	}
	.xiangqing{
		width:900px;
		height:50px;
		border-bottom: 1px solid #f1f1f1;
		margin-left:100px;
	}
	.xiangqing ul{
		display: flex;
		justify-content:space-around;
	}
	.xiangqing ul li{
		margin-top:17px;
	}
	.xiangqing ul li:nth-of-type(5)>span{
		display: inline-block;
		width:36px;
		height: 16px;
		background: url(../image/jiangli.jpg) no-repeat;
	}
	.qi{
		color:#ff6400;
		font-size: 16px;
	}
	.theBack{
		color: #cf6d02;
		border-bottom: 1px dashed #cf6d02;
	}
	.fax{
		text-align:right;
		line-height: 40px;
		margin-right:30px;
	}
	.preBtn a{
		color:white;
		width: 60px;
  		height: 30px;
  		display:inline-block;
	}	
</style>
<div id="box">
	<div class="searchBox">
		<div class="searchBox_main">
			<div>
				<span ng-click="chooseOneWay()"><input type="radio" value="OW" name="OR" ng-checked="OR"/>单程</span></br>
				<span ng-click="chooseRoundWay()"><input type="radio" value="RT" name="OR" ng-checked="!OR"/>往返</span>
			</div>
			<div>
				<div>
					<span>出发城市<input ng-model="fromCity" type="text"/></span></br>
					<span>航空公司<input ng-model="airlineCompany" type="text" placeholder="编号/中文"/></span></br>
					<span>成人人数<select ng-model="adultNum">
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
							    </select>
					</span>
				</div>
				<div>
					<span>到达城市<input ng-model="toCity" type="text"/></span></br>
					<span>供应商<span style="visibility:hidden;">商</span><select ng-model="supplierId">
									<option value="">全部</option>
									<option value="JHAD">淘宝京杭</option>
									<option value="TDXD">天地行国内</option>
									<option value="TDXI">天地行国际</option>
									<option value="BIQU">必去</option>
								</select>
					</span></br>
					<span>儿童人数<select ng-model="childNum">
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
							    </select>
					</span>
				</div>
				<div>
					<span><span style="visibility:hidden;">/</span>出发日期<input class="datespicker" ng-model="fromDate" type="text" onClick="WdatePicker({onpicked: function(){$(this).trigger('change')}})" /></span></br>					
					<span><span style="visibility:hidden;">/</span>舱位等级<select ng-model="cabinRank">
									<option value="">全部</option>
									<option value="Y">经济舱</option>
									<option value="C">商务舱</option>
									<option value="F">头等舱</option>
								</select>
					</span></br>
					<span>直飞/中转<select>
									<option>全部</option>
									<option>直飞</option>
									<option>中转</option>						
								</select>
					</span>
				</div>
				<div>
					<span>返程日期<input class="datespicker" ng-model="toDate" type="text" onClick="WdatePicker({onpicked: function(){$(this).trigger('change')}})" /></span>				
					<button ng-click=query() class="query">查询</button>
				</div>				
			</div>
		</div>
	</div>	
	<div class="main">
		<div class="routeMess">			
			<div ng-hide="routeMess_right" class="routeMess_right">
				<span ng-class="{'taxChecked':tax}" ng-click="noTaxPrice()">不含税价格</span><span ng-class="{'taxChecked':!tax}" ng-click="taxPrice()">含税价格</span>				
			</div>
		</div>
		<div class="detail" ng-repeat="flight in flightSegmentResult|orderBy:'segments[0].fromDate' ">
			<div class="detail_1">
				<ul>
					<li></li>
					<li>{{flight.airlineCompany}} <b>共{{flight.segments.length}}个航班</b></li>
					<li><b style="font-size:18px;">{{flight.segments[0].fromDate|hm}}</b></br>{{flight.segments[0].fromCity}}<span style="color:#00a1cb;border-bottom: 1px dashed #00a1cb;">{{flight.segments[0].fromTower}}</span></li>
					<li></li>
					<li><b style="font-size:18px;">{{flight.segments[flight.segments.length-1].toDate|hm}}</b><span style="color:red;padding-left:10px;">+{{((flight.segments[flight.segments.length-1].toDate|sjc)-(flight.segments[0].fromDate|sjc))|dayDuring}}天</span></br>{{flight.segments[flight.segments.length-1].toCity}}<span style="color:#00a1cb;border-bottom: 1px dashed #00a1cb;">{{flight.segments[flight.segments.length-1].toTower}}</span></li>
					<li><span class="iconfont">&#xe60c;</span> {{((flight.segments[flight.segments.length-1].toDate|sjc)-(flight.segments[0].fromDate|sjc))|timeDuring}}</li>
					<li ng-show="flight.rangeSegmentCount"><span class="iconfont">&#xe69b;</span> {{flight.rangeSegmentCount|zhongZhuan}}</li>
					<li><span class="flightDetail">航班详情<span class="iconfont">&#xe65a;</span></span></li>
				</ul>
			</div>
			<div class="detail_2">
				<div class="transit_detail" ng-repeat="node in flight.segments">
					<span>{{node.airlineCompany}} {{node.flightNo}}</br><span class="huise">机型：{{node.planeModel}}</span></span>
					<span>{{node.fromDate}} &nbsp; {{node.fromAirport}} &nbsp; {{node.fromCity}}</br>{{node.toDate}} &nbsp; {{node.toAirport}} &nbsp; {{node.toCity}}</span>
					<span class="huise">飞行时长 {{node.flightDuration|timeDuring2}}</span>
					<!-- <p class="transitTip"><span><i style="color: #0abfdc;font-size: 16px;" class="iconfont">&#xe600;</i> {{node.flightScheduled[0].toCity}}中转 停留 {{}}</span></p> -->
				</div>				
			</div>
			<div class="detail_3" ng-repeat="price in flight.prices|orderBy:'policy[0].facePrice' ">
				<div class="xiangqing">
					<ul>
						<li>供应商：<span>{{price.supplierId|supplierId}}</span></br>舱位：<span>{{price.cabinList[0].cabinCode}}</span></li>
						<li><span class="theBack">退改签</span></li>
						<li>票面价：￥{{price.adultFacePrice}}/{{price.childTax}}</li>
						<li>代理费：0</li>
						<li><span></span>{{price.policy[0].returnPoint}}% + ￥{{price.policy[0].returnCash}}</li>
						<li><b ng-hide="qi" class="qi">￥{{price.policy[0].settlement}}</b><b ng-hide="!qi" class="qi">￥{{price.policy[0].settlement+price.adultTax+price.adultAirportFee+price.adultFuelFee}}</b> 起</li>
						<li style="margin-top:10px;"><span class="preBtn"><a href="###" target="_blank" ng-click="toPre(flight)" ui-sref="home.internationQuote({data:data_})">预定</a></span><span ng-click="checkFax(flight,$index)" style="margin-left:5px;" class="preBtn">税费</span></li>
					</ul>
				</div>
				<div>
					<p ng-hide="qi" class="huise fax">
						<span ng-show="price.adultTax||price.adultAirportFee||price.adultFuelFee">
							<b style="color:red">成人 </b> <span ng-show="price.adultTax">税费：￥{{price.adultTax}}</span> <span ng-show="price.adultAirportFee">机建：￥{{price.adultAirportFee}}</span> <span ng-show="price.adultFuelFee">燃油：￥{{price.adultFuelFee}}</span>
						</span>
						<span ng-show="price.childTax||price.childAirportFee||price.childFuelFee">
							<b style="color:red">儿童 </b> <span ng-show="price.childTax">税费：￥{{price.childTax}}</span> <span ng-show="price.childAirportFee"> 机建：￥{{price.childAirportFee}}</span> <span ng-show="price.childFuelFee"> 燃油：￥{{price.childFuelFee}}</span> 
						</span>
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
